<template>
    <div>
        <TypeNav />
        <ListContainer />
        <Recommend />
        <Rank />
        <Like />
        <Floor v-for="(f,index) in floor" :key="f.id" :floor="f" :index="index"/>

        <Brand />
    </div>
</template>

<script>
import ListContainer from "./ListContainer";
import Recommend from "./Recommend";
import Rank from "./Rank";
import Like from "./Like";
import Floor from "./Floor";
import Brand from "./Brand"
import { mapState } from 'vuex';

export default {
    name: "Home",
    components:{
        ListContainer,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand
    },
    computed:{
        ...mapState({
            floor:state => state.home.floor
        })
    },
    mounted(){
        this.$store.dispatch("home/getFloorList")
    }
}
</script>

